@charset "utf-8";

/*mui style edit*/

.mui-table-view-cell:after,.mui-table-view:after,.mui-table-view-cell:before,.mui-table-view:before{
	height:0;
}

/****登录页start****/
#login-bg{
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/login_bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.login-content{
	padding-top: 1.45rem;
}
.logo0{
	width: 2.75rem;
	height: 2.75rem;
	margin: auto;
	background: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-image:url(../img/favicon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.logo0-title{
	width: 6.17rem;
	height: .72rem;
	margin: auto;
	text-align: center;
	margin-top: 0.77rem;
	background-image:url(../img/login_title.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.logo0-title img{
	margin: 0 auto;
}
.form{
	margin: .84rem .51rem .51rem .51rem;
	border-radius: .2rem;
	background-color: rgba(225,225,225,.8);
	padding: 1.06rem .62rem .62rem .62rem;
}
.form-item{
	margin-bottom: .57rem;
}
.input-inline{
	width:100%;
}
.input{
	-webkit-border-radius: .5em;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	height: 1.2rem;
	padding-left: 1.06rem;
	font-size: 0.43rem;
	display: block;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	line-height: 1.2rem;
	outline: 0;
	-webkit-appearance: none;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	border-color: #e6e6e6;
}
.icon-relative{
	position: relative;
}
.icon-person,.icon-userpassword{
	display: inline-block;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	position: absolute;
	left: 0;
	top: calc(50% - .15rem);
	margin-left: 0.4rem;
	z-index:5;
	background-position: 0px 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-y: center;

}
.icon-person{
	background-image:url(../img/person.png);
}
.icon-userpassword{
	background-image:url(../img/password.png);
}

.form-radio{
	display: inline-block;
	cursor: pointer;
	line-height: .33rem;
	margin-left: .4rem;
}
.form-radio span{
	display: inline-block;
	vertical-align: top;
	font-size: .33rem;
	color: #545353;
	letter-spacing: 1px;
}
.form-radio i{
	display: inline-block;
	width: .35rem;
	height: .35rem;
	margin-right: .11rem;
	font-size: .04rem;
}
.radiuIconN{
	background: url(../img/radius-no.png) no-repeat center;
	background-size: cover;
}
.radiuIconY{
	background: url(../img/radius-yes.png) no-repeat center;
	background-size: cover;
}
.button,.HRbutton,.RVbutton,input[type="button"], input[type="submit"], input[type="reset"]{
	display: inline-block;
	width: 100%;
	height: 1.41rem;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	font-size: .43rem;
	background:url(../img/btn.png) no-repeat center;
	background-size: 100%;
	line-height: 1.41rem;
	padding: 0 .24rem;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	border: none;
	cursor: pointer;
}
/****登录页end****/
/****首页start****/
#index-bg{
	width: 100%;
	height: 100%;
	background-image: url(../img/indexpg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.index-status{padding-top: 0.72rem}
.index-status,.index-status a,.index-status p{
	color: #FFFFFF;
	text-align: center;
	font-size: .33rem;
	letter-spacing: 2px;
}
.index-status p{margin-top: .47rem;margin-bottom: .69rem;}
.index-status p span:first-child{margin-right: .49rem;}
.sos-phone{
	width: 7.21rem;
	height: 1.16rem;
	line-height: 1.16rem;
	text-align: center;
	background: #FFFFFF;
	margin: auto;
	border-radius: .21rem;
	margin-bottom: .76rem;
	vertical-align: middle;

}
.sos-phone i.sosbell{
	display: inline-block;
	vertical-align: middle;
	width: .44rem;
	height: .51rem;
	background: url(../img/sosbell.png) no-repeat center;
	background-size: cover;
}
.sos-phone span{
	display: inline-block;
	overflow: hidden;
	font-size: .33rem;
	color: #b776f9;
	letter-spacing: 2px;
}
#sosbell{
	width: .44rem;
	margin-left: .43rem;
}
.belltime{float: left;width: 5.34rem;}
#warninfobox{width: 1.06rem;overflow: hidden;float: left;}
#warninfo{white-space: nowrap;color: #b776f9;}
.current-time{
	width: 4.28rem;
	text-align: center;
}
.current-time a{color: #b776f9;}
.date{margin-right: .19rem;}
.item-url-button{
	width: 6.4rem;
	margin: auto;
}
.item-url-button ul{
	width: 100%;
	display: flex;
	margin-bottom: 1.32rem;
}
.item-url-button li{
	flex-grow: 1;
}
.item-url-button li span{
	display: inline-block;
	position: relative;
	height:2.49rem;
}
.item-url-button li:nth-child(2){text-align: right;}
.item-url-button a{
	display: inline-block;
	width: 1.86rem;
	height: 1.86rem;
	background-size: cover;
	text-align: left;
}
.url-RealTimeLocation{background: url(../img/message2.png) no-repeat;}
.url-HistoricalRoute{background: url(../img/message3.png) no-repeat;}
.url-AreaEdit{background: url(../img/message4.png) no-repeat;}
.url-Setting{background: url(../img/message5.png) no-repeat;}
.url-EquipmentInfomation{background: url(../img/message6.png) no-repeat;}
.url-Logout{background: url(../img/message7.png) no-repeat;}
.item-url-button a i{
	display: inline-block;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #FFFFFF;
	font-size: .33rem;
	text-align: center;
}
/****首页end****/
/****实时定位start****/


.positionIcon{
	position: absolute;
	bottom: 30px;/*1.91rem*/
	left: .11rem;
}

#old{background: linear-gradient(to top, #be76fc, #8794fc,#789cfc) ;margin-bottom: .33rem;}
#phone{background:linear-gradient(to top, #789cfc, #8aa8f7,#a2b9f5);}
#old,#phone{
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 50%;
}
#old p,#phone p{
	width: 1.15rem;
	height: 1.15rem;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#old img,#phone img{
	width: .69rem;
	height: .69rem;
}
.zoomwrap{
	position: absolute;
	z-index: 2;
	width: .89rem;
	height: 2.4rem;
	margin-bottom: -70px;
	right: .11rem;
	padding: .03rem;
	border-radius: .41rem;
	/*background: #FFFFFF;*/
	overflow: hidden;
}
.minusDiv,.plusDiv{height: 50%;background: #FFFFFF;}
.plusDiv{border-bottom: 1px solid #b8b8b8;}
.plus,.minus{height: 100%;position: relative;margin: auto;}
.plus img,.minus img{display: inline-block;position: absolute;}
.plus img{top: 0;margin-top: .33rem;}
.minus img{bottom: 0;margin-bottom: .33rem;}
.plus,.minus,.plus img,.minus img{width: .33rem;}
.around{
	position: relative;
	width: 70%;
	height: 1rem;
	background-image: linear-gradient(to left,rgba(173, 186, 230, 0.1),rgba(91, 124, 219, 0.8),rgba(173, 186, 230, 0.1));
	display: flex;
	margin: auto;
	box-sizing: border-box;
	position: fixed;
	bottom: 20px;
	left: 15%;
	text-align: center;
	line-height: 1rem;
}
a.distance {
	display: inline-block;
	width: 100%;
}
.close{display: none;}

.its-place{
	width: 100%;
	font-size: .43rem;
	position: absolute;
	top: 0;
	overflow: hidden;
	background: rgba(252, 250, 247, 0.8);
	text-align: center;
	padding: .1rem .04rem;
}

/****实时定位end****/
/****历史轨迹start****/
.hrbody{padding: .36rem .26rem .61rem .26rem;background: #F9F9F9;}
.HR-tab{padding: .42rem 0;display: flex;}
.HR-tab span{position: absolute;
	line-height: .35rem;}
.HR-tab,.HrTab-time{
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	/*box-shadow:0 5px 15px #CCCCCCCC;*/
	background: #FFFFFF;
	border-radius: .2rem;
	margin-bottom: .42rem;
}
.HR-tab div{flex-grow: 1;text-align: center;}
.HR-tab div,.ShowPosition{
	display: inline-block;
	cursor: pointer;
	/*line-height: .8em;*/
	padding-right: 1.12rem;
	vertical-align: middle;
}
.HR-tab div i,.ShowPosition i,.DLIcon,.TLIcon{
	display: inline-block;
	width: .35rem;
	height: .35rem;
	margin-right: 0.2rem;
}
.ShowPosition{margin-top: .26rem;}
.ShowPosition span{position: absolute;}
.HrTab-time{
	padding: .62rem 0 .62rem .4rem;
}
.starttime {
	margin-bottom: 0.4rem;
}

.HrTab-time div p{
	display: inline-block;
	border-bottom: 1px solid #aaaaaa;
	position: relative;
	overflow: hidden;
	padding-bottom: 0.1rem;
}
.HrTab-time div p input{font-size: .33rem;padding-left: .66rem;line-height: .33rem;}
.dateLocation,.timeLocation{
	width: 40%;
	padding-right: 0.4rem;
}
.timeLocation {
	margin-left: 0.5rem;
}
.DLIcon,.TLIcon{position: absolute;}
.DLIcon{background: url(../img/11.png) no-repeat center;background-size: cover;}
.TLIcon{background: url(../img/12.png) no-repeat center;background-size: cover;}

.TabIconN{
	background: url(../img/radius-no.png) no-repeat left;
	background-size: contain;
}
.TabIconY{
	background: url(../img/radius-yes.png) no-repeat left;
	background-size: contain;
}
.tabiconWrap{
	display: inline-block;
	height: .42rem;
	line-height: .42rem;}
.HRbutton,.RVbutton{padding: 0;margin: auto;font-size: .42rem;}
.HRbutton{
	margin-top: .85rem;}
.HRbuttonWrap{margin: auto;}

/*开始、进度条*/
.runhistory {
	position: fixed;
	bottom: 0;
	padding: 0.2rem;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.runH {
	background: rgba(255,255,255,.9);
	width: 100%;
	display: flex;
	padding: .21rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.User_ratings .ratings_bars {
	padding: 0;
	height: inherit;
	text-align: center;
}
.User_ratings .ratings_bars .bars_10 {
	line-height: .53rem;
	text-align: center;
	color: #a0a0a0;
}
.grade_warp {
	margin: .25rem 0;
	height: .53rem;
}
.User_grade {
	height: inherit;
	width: 100%;
}
#wrapper1,#wrapper2 {
	position: relative;
	float: right;
	width: 80%;
	height: 100%;
	border: .05rem solid #FFF;
	border-radius: .48rem;
	/*background: #A3A3A3;*/
	background: linear-gradient(#cacaca, #a1a1a1 51%, #cacaca 11%, #a1a1a1 2%, #cacaca);

}
.barWrap {
	width: 80%;
	float: right;
}
.runAndstop {
	background-size: 100%;
	width: 1.29rem;
	height: 1.29rem;
	border-radius: 50%;
	/*background: url(../img/run.png) no-repeat center;*/
	background: linear-gradient(#789cfc, #9a8afc,#be76fc);
	text-align: center;
	color: #FFFFFF;
	line-height: 1.29rem;
	float: left;
	margin: auto;
}
#slider1,#slider2 {
	width: .21rem;
	height: 120%;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: -10%;
	/*background: #C6C6C6;*/
	background: linear-gradient( #f7f7f7, #ccc 38%, #f7f7f7);
	box-shadow: 2px 2px 5px #868686;
}
#fill1,#fill2 {
	width: 0%;
	height: inherit;
	/*background: url(../img/btn.png) no-repeat center;*/
	border-top-left-radius: .48rem;
	border-bottom-left-radius: .48rem;
}
#fill2 {
	background: linear-gradient(to left,#be76fc , #9a8afc,#789cfc);
}
#fill1{
	background: linear-gradient(to left, #789cfc, #9a8afc,#be76fc);
}
.infoWindow {
	position: absolute;
	display: inline-block;
	background: linear-gradient(rgba(51,51,51,.7), rgba(0,0,0,.7),rgba(51,51,51,.7));
	border-radius: 4px;
	color: #FFFFFF;
	box-shadow: 5px 5px 5px #868686;
}
.infoWindow::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid rgba(0,0,0,.5);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.infoWindow li {
	padding: 2px 5px;
	white-space: nowrap;
}
#historicalmap .zoomwrap{
	margin-bottom: 10px;
}

/****历史轨迹end****/
/****设置start****/
#settingbody{
	background: #f9f9f9;
	overflow: auto;
}
#settingbody .mui-table-view-cell{padding:0 .4rem 0 .4rem;border-radius: .26rem;}
#settingbody .mui-table-view-cell:after{
	height:0;
}
#settingbody .mui-table-view{
	background-color: #f9f9f9;
	padding: .26rem;
}
#settingbody .mui-table-view li{
	height: 1.36rem;
	margin-bottom: .36rem;
	background: #FFFFFF;
	/*box-shadow:0 5px 15px #CCCCCCCC;*/
	/*-webkit-box-shadow:0 5px 15px #CCCCCCCC;*/
}
#settingbody .mui-table-view:after,.mui-table-view:before{
	background-color: transparent;
}
#settingbody .mui-table-view li p{
	display: flex;
	line-height: 1.36rem;
}
#settingbody .mui-table-view li p span{
	flex-grow: 1;
	font-size: .33rem;
}
.settingIcon em{
	padding-left: .68rem;
	color: #333333;
	font-size: .33rem;
}
.settingIcon i{
	display: inline-block;
	line-height: .4rem;
	text-align: right;
}
.FillOut{text-align: center;}
.FillOut a{color: #7a7979;}
.FillOut a:nth-child(2){
	margin-left: .18rem;
}
.UserName .settingIcon i{background: url(../img/person.png) no-repeat left;background-size: .4rem .4rem;}
.WorkMode .settingIcon i{background: url(../img/2.png) no-repeat left;background-size: .4rem .4rem;}
.monitoring .settingIcon i{background: url(../img/3.png) no-repeat left;background-size: .4rem .4rem;}
.urgencyhelp .settingIcon i{background: url(../img/4.png) no-repeat left;background-size: .4rem .4rem;}
.powerOff .settingIcon i{background: url(../img/5.png) no-repeat left;background-size: .4rem .4rem;}
.quipInfo .settingIcon i{background: url(../img/6.png) no-repeat left;background-size: .4rem .4rem;}
.revisepassword .settingIcon i{background: url(../img/7.png) no-repeat left;background-size: .4rem .4rem;}
/*.mui-navigate-right:after{*/
	/*content: ">";*/
/*}*/

/*弹框*/
.popupWindow{
	width: 100%;
	background: #FFFFFF;
	position: absolute;
	z-index: 2;
	bottom: 0;
}
.popupWindow .Wcontent{
	padding: .53rem .26rem 0 .66rem;
	border-bottom: 1px solid #aaaaaa;
}
.Wcontent input{
	height: 1.15rem;
	border-radius: 10px;
	margin-bottom: .33rem;
}
.Wcontent h3{
	margin-bottom: .77rem;
}
.buttonWrap{
	display: flex;
	justify-content:flex-end;
	margin: .26rem 0;
}
.buttonWrap button{
	padding: .26rem .72rem;
	border-radius: .88rem;
	font-size: .4rem;
}
.buttonWrap .cancle{flex-grow:2;text-align: right;}
.buttonWrap .sure{flex-grow:1;}
.buttonWrap .sure button{
	background: url(../img/smallButton.png) no-repeat center;
	background-size: cover;
	color: #FFFFFF;
}
.flexp{
	display: flex;
	height: 1.6rem;
	line-height: 1.6rem;
}
.flexp span{flex-grow:1;}
.flexp span:nth-child(2){text-align: right;}
.flexp span:nth-child(2) i{
	display: inline-block;
	width: .35rem;
	height: .35rem;
	margin-right: 8px;
	font-size: .33rem;
}
.mask{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
}
/****设置end****/
/****修改密码start****/
#revise{
	background: #f9f9f9;
	/*overflow: hidden;*/
	padding: 0 .26rem .26rem .26rem;
}
.reviseContent ul li{
	display: flex;
	/*box-shadow:0 5px 15px #CCCCCCCC;*/
	background: #FFFFFF;
	height: 1.29rem;
	line-height: 4em;
	margin-top: .35rem;
	border-radius: 15px;
	padding: 0 .39rem;
	font-size: .33rem;
	overflow: hidden;
}
.reviseContent ul li label{flex-grow: 1;}
.reviseContent ul li input{
	font-size: .33rem;
	height: 1.29rem;
	line-height: 1.29rem;
	border-radius: 15px;
	flex-grow: 5;
	text-align: center;
}
/****修改密码end****/
/****电子围栏start****/
/*new mui*/

#AreaEdit .mui-table-view{
	background: #f9f9f9;
	margin-top: 0.2rem;
}
#AreaEdit .mui-table-view li {
	padding: 0;
	margin-bottom: .36rem;
	display: block;
}
#AreaEdit .mui-table-view-cell .leftInfo{
	width: 100%;
	display: flex;
}
#AreaEdit .mui-table-view-cell .leftInfo span{flex-grow: 1;}

.addcircle{
	background: url(../img/smallButton.png) no-repeat center;
	background-size: cover;
	position: fixed;
	bottom: 2%;
	right: 5%;
	border-radius: .21rem;
	text-align: center;
	padding: .21rem .21rem;
	z-index: 3;
}
.addcircle i{
	display: inline-block;
	width: .48rem;
	height: .48rem;
	background: url(../img/add.png) no-repeat center;
	background-size: cover;

}
#AreaEdit .mui-scroll-wrapper{
	background: #f9f9f9;
}
#AreaEdit .mui-scroll{
	padding: .2rem;
}
#AreaEdit .mui-table-view-cell{
	/*box-shadow: 0 5px 15px #CCCCCCCC;*/
	/*-webkit-box-shadow: 0 5px 15px #CCCCCCCC;*/
	padding-right:0;
	border-radius: .26rem;

}
#AreaEdit .mui-table-view-cell mui-slider-handle.mui-active{
	background-color: #0062CC;
}
#AreaEdit .mui-table-view-cell>.mui-slider-right>.mui-btn{
	padding: 0 14px;
}
#AreaEdit .mui-icon-compose:before{
	color: #000;
}
.mui-table-view-cell .mui-table-cell h3{
	margin:.2rem 0;
}
#AreaEdit .mui-table-view-cell .leftInfo span a,.mui-table-view-cell .mui-table-cell h3{
	color: #666;
	font-size: 14px;
}
#AreaEdit .mui-slider-handle {
	padding: 11px 15px;
}
#edit-time {
	text-align: right;
	padding-right: 5px;
}
#AreaEdit .mui-table-cell{
	display: block;
}


/*电子围栏map*/
.circle_add_sub_wrap{
	display: flex;
	width: 100%;
	/*margin: auto;*/
	position: fixed;
	top: 0;
	/*left: calc( 50% - 2.86rem);*/
	margin-top: 0.26rem;
}
.circle_add_sub {
	margin: auto;
	background: rgba(255, 255, 255, 0.9);
	padding: .1rem;
}
.circle_add_sub span{
	display: inline-block;
	width: .74rem;
	float: left;
	font-size: .64rem;
	text-align: center;
	color: #929090;
	height: .74rem;
	line-height: .60rem;
}
.circle_add_sub .dl{
	float: left;
	display: inline-block;
	line-height: 1.8rem;
	margin: auto .3rem;
	height: .74rem;
}
.circle_add_sub dl{
	height: .74rem;
	text-align: center;
}

.circle_add_sub dd{
	float: left;
	width: 4.26rem;
	background: rgba(189, 182, 182, 0.9);
	height: .74rem;
	overflow: hidden;
	display: inline;
	position: relative;
}
.circle_add_sub dd .progressbar{
	width: 0;
	background: #9fd0f8;
	height: .74rem;
}
.mile{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	color:#ffffff;
	font-size: .42rem;
	width: 4.26rem;
	line-height: .74rem;
	text-align: center;
}
#miles{
	color:#ffffff;
}
.keyscroll{
	overflow-y: scroll;

}
.around_In{
	position: relative;
	width: 70%;
	height: 1rem;
	background: #ffffff;
	display: flex;
	margin: auto;
	box-sizing: border-box;
	position: fixed;
	bottom: 20px;
	left: 15%;
	text-align: center;
	line-height: 1rem;
}
.NameInput{
	flex-grow: 10;
	box-sizing: border-box;
	padding-left: 10px;
	/*box-shadow: inset 0 1px 5px #CCCCCCCC;*/
}
.saveName{
	flex-grow: 6;
	line-height: 1rem;
	color: #FFF;
	background-color:#40AFFE;
}
.crosswrap{
	position: fixed;
	top:calc(50% - 2.77rem);
	left: calc(50% - 2.77rem);
	z-index: 33;
	pointer-events: none;
}
.crosswrap img{
	pointer-events: none;
	width: 5.55rem;
	height: 5.55rem;
    z-index: 5;
}
.blueCircle{
    position: absolute;
    width: .73rem;
    height: .73rem;
    top: calc(50% - .36rem);
    left: calc(50% - .36rem);
    border-radius: 50%;
    z-index: 4;
    background: rgba(59, 74, 249, 0.2);
    border: 1px solid rgb(59, 74, 249);
}
#canvas{
    pointer-events: none;
}
/****电子围栏end****/
/***设备消息start***/
#cmd-container{
	background-color: #EFEFF4;
}
.cmd-item{
	padding: .2rem .4rem;
	margin: .4rem .2rem;
	border-radius:.3rem;
	background-color: #FFF;
}

.cmd-item-container{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: -0.2rem;
}
.cmd-item-container .success{
	color: #769dfc;
}
.cmd-item-container .fail{
	color: #ea7878;
}
.fail,.success,.time{
	font-size: .33rem;
}
.cmd-item-container .cast{
	font-size: .4rem;
	font-weight:bold;
	color: #000;
}
.cmd-item-container .time{
	color:#808080;
}
.cmd-item .error-msg{
	margin-bottom: -0.2rem;
}
.triggerwrap{
	position: fixed;
	bottom: 2%;
	right: 2%;
	z-index: 2;
}
.switch i,.refurbish i{
	display: inline-block;
	width: .48rem;
	height: .48rem;
}
.switch i{
	background: url(../img/ul.png) no-repeat center;
	background-size: cover;
}
.refurbish i{
	background: url(../img/refresh.png) no-repeat center;
	background-size: cover;
}
.switch,.refurbish{
	padding: .21rem;
	background: url(../img/smallButton.png) no-repeat center;
	border-radius: .21rem;
	margin-top: 0.15rem;
}

/***设备消息end***/
input:disabled{

	background: transparent;

}
input:read-only{

	background: transparent;

}
/*信息框start*/
.Dclose {
	height: .33rem;
	text-align: right;
}
#Dclose{

	display: inline-block;
	width: 1rem;
	text-align: center;
}
.markwrap .nackName{text-align: center;}
.markwrap{padding-left:.1rem;}
ul.tangleWrap {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	height: .5rem;
	text-align: center;
}
span.tangle {
	position: absolute;
	left: calc(46%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.5);
}
.close{visibility:hidden;}
.opend{visibility:visible;}
.HMapLabel{
	position: absolute;
	background: rgba(0,0,0,0.5);
	top: -1.2rem;
	left: -1rem;
	color: #ffffff;
	text-align: left;
	padding: 0.1rem;
	border-radius: 10px;
}
.BMapLabel:before,.HMapLabel:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 46%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.5);
}
/*信息框end*/
.addcircle:active,.HRbutton:active,.RVbutton:active,a.saveName:active{
	opacity: .8;
}
#old:active{
	background: linear-gradient(to top, #b151fc, #7588fc, #5c8bfc)
}
#phone:active{
	background:linear-gradient(to top, #6590fc, #7198f7, #8faaf5)
 }
.navgation:active{
	background: #ccc url(../img/nav.png) no-repeat center;
}
.plusDiv:active,.minusDiv:active{
	background: rgba(0,0,0,0.2);
 }
.mui-table-view-cell>.mui-slider-handle.mui-active{
	background-color: rgba(193, 192, 192, 0.96);
}
.waves-float{
	box-shadow: none;
}
.panoLocation{
	width: 49px;
	height: 51px;
	color: rgb(86, 86, 86);
	background: url(http://api0.map.bdimg.com/images/st-control.png) 0px 0px no-repeat;
	position: absolute;
	cursor: pointer;
	font-family: arial, sans-serif;
	font-size: 13px;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px;
	z-index: 10;
	text-size-adjust: none;
	bottom: auto;
	right: 10px;
	top: 80px;
	left: auto;
}
.panoLocation span{
	position:relative;
	top:33px;
}
.panoLocation:active{
	color: rgb(255,255,255);
	background-position: -49px 0px;
}
#panoClose {
	position: absolute;
	z-index: 55;
	right: 10px;
	top: 10px;
	width: 40px;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	background-color: rgba(37,37,37,.9);
	background-image: url(http://api0.map.bdimg.com/images/panorama/close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
	display: none;
}
.navgation{
	border: 2px solid green;
	border-radius: 50%;
	width: .89rem;
	height: 35px;
	position: absolute;
	z-index: 5;
	right: 10px;
	bottom: 150px;
	background: #fff url(../img/nav.png) no-repeat center;

}
.BMap_mask{
	width: 100%;
	transition:width 2s;
}
.nullMap{
    height: 100%;
    text-align: center;
    padding-top: 50%;
}
/*自定义提示框start*/
.layui-m-layerchild.layui-m-layer-laySelfClass{
	background-color: transparent;
}
.layui-m-layer-laySelfClass .layui-m-layercont{

	padding: 50px 0;
	background: rgba(0,0,0,0.6);
	color: #fff;
}

.layui-m-layer-laySelfClass .layui-m-layerbtn{
	background: rgba(0,0,0,0.6);
	border: none;
	height: 40px;
	line-height: 40px;
}
.layui-m-layer-laySelfClass .layui-m-layerbtn span{
	display: inline-flex;

}
.layui-m-layer-laySelfClass .layui-m-layerbtn span[yes] {
	color: #fff;
	background: rgba(113, 110, 110, 0.5);
	padding: 0 20px;
	border-radius: 3px;
	position: absolute;
	left: 40%;
	 bottom: 10px;
}
#layui-m-layer0 .layui-m-layershade{
	pointer-events: none;
}
/*自定义提示框end*/
/*拨打电话页面start*/
.callphone{
    display: inline-block;
    width: 3.5rem;
    height: 1.2rem;
    background: url(../img/call.png) no-repeat center;
    background-size: .7rem .7rem;
    border-radius: 5px;
}
.mui-content,html{
    background-color: #f9f9f9;
}
.callpWrap{
	width: 100%;
	text-align: center;
	margin-top: 1rem;
}
.callpWrap span.terminal {
    display: inline-block;
	background: linear-gradient(to left, #789cfc, #9a8afc,#be76fc);
	border-radius: 1.5rem;
	width: 90%;
	height: 1.2rem;
}
#callup .mui-table-view {
    background-color: #f9f9f9;
    padding: .26rem;
}
#callup .mui-table-view-cell{
    background: #FFFFFF;
    padding: 1rem .43rem;
}
#callup .mui-table-view-cell p{
	font-size: .43rem;
	margin-bottom: .33rem;
	word-break: break-all;
	position: relative;
}
#callup .mui-table-view-cell:first-child {
	margin-top: 1rem;
}
#callup .mui-table-view-cell:first-child:after{
	border-bottom:1px dashed #dfe8df;
	width: 91%;
}
/*#callup .mui-table-view-cell:nth-child(2) p{*/
	/*font-weight: bold;*/
/*}*/
.spanUnderline{
	border-bottom:1px solid #868686;
}
.abs{
	position: absolute;
	right: 5px;
	font-size: .33rem;
}
#callup em,#callup strong{
	display: inline-block;
}
#callup em{
	vertical-align: top;
	text-align: center;

}
#callup strong{
	width: 85%;
}